Рубрика: HTML

HTML
HyperText Markup Language
язык гипертекстовой разметки
стандартизированный язык разметки документов для просмотра веб-страниц в браузере.
Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.

Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты такие как интерактивная веб-формы могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img /> и <input />, напрямую вводят контент на страницу. Другие теги, такие как <p>, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов.
Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.

Рубрики
CSS Fragments JavaScript lib

Основы.JS «операторы, текст»

  • Операторы
    • swith
      • условные операции, операции ветвления
    • switch(x) {
      • case ‘value1’: // if (x === ‘value1’) … break;
      • case ‘value2’: // if (x === ‘value2’) … break;
      • default: … break;
    • }
  • String Работа с текстом символ начинается с 0!
    • вложенный текст
      • весь текст после 2 символа
        • text=text.substr(2);
      • заменить вложенный текст в другой вложенный текст
        • let new_text=text.replace(subtext1,subtext2);
      • поиск вложенного текста
        • поиск первого вложенного текста
          • let index=text.indexOf(text);
        • поиск последнего вложенного текста
          • let index=text.lastIndexOf(text);
    • вырезать текст
      • l длинна вырезаемого текста
      • s старт вырезаемого текста
      • str.slice(s,l)
    • удалить последний элемент текста
      • text=text.slice(0, -1);
    • проверка текста на пустоту и удаление невидимых символов
      • (переход на следующую строку)
      • text.trim() == »
    • выполнить текст-код
      • let arr=eval(data);
  • События
    • ev событие управление
    • элемент DOM на котором выполняется событие
      • let e=ev.currentTarget();
  • Массивы
    • базовые свойства
      • ассоциативный массив Array(0) нет индексов
        • arr.length==0
      • перебор массива или выборки
        • пройтись по массиву или объекту
          • arr.forEach(function(item, i, data) {code});
          • Array.from(arr, (item,index)=>{code});
          • for(var i=0;i<arr.length;i++){arr[i]};
      • преобразование
        • строка в массив через \n
          • let arr=text.split(\n);
        • массив в строку через \n
          • let text=arr.join(\n);
        • проверка на массив
          • Array.isArray(obj);
  • Объекты
    • перебор свойств
      • for (let key in obj){ obj[key] }
  • Синтаксис T функций
    • открытие тега-корня модуля
      • return{…html:[
    • закрытие тега-корня модуля
      • ]};
    • открытие вложенности тега
      • {…html:[
    • закрытие вложенности тега
      • ]},
  • ERRORS
    • дублируется контент при повторном выполнении
      • привязан одинаковый класс к тегам
        • которые содержат контент
      •  
Рубрики
bo52 JavaScript lib js Функция

default\js\sys\teg.js

function teg(id='teg',p){
 if (id=='teg')
 return jClass('teg',p);
 return new TEGid;    
 }
 function Teg(p){
 return jClass('teg',p);
 }
  • Метки
Рубрики
bo52 JavaScript lib js Функция

default\js\sys\jclass.js

function jclass(id)
 {   
 if (CLASS[id]) 
 return CLASS[id];
 $.ajax(
 {
     method: "GET",
     url:'http://unity/default/js/class/'+id+'.js', 
     dataType: "script",
     success:
     function (data)
     {
         bo52.data=CLASS[id]
     },
     async:false
 });
 return bo52.data;
 }
 function jClass(id,p){
 let x=jclass(id);
 return new x(p);
 }
  • Метки
Рубрики
bo52 JavaScript lib js

default\js\sys\bo52.js

bo52={}
 bo52.data='';
 bo52.id='';
 bo52.regexp_comment =/".?"|'.?'/g;
 bo52.regexp_oc = /{|}/g;
 bo52.regexp_int = /0|1|2|3|4|5|6|7|8|9/g;
 bo52.regexp_oper = /,|:|(|)|\;|[|]|||.|[|]|\|{|}|=|!|<|>/g;
 bo52.regexp_id=/[0-9]?-.?\s/g;
 bo52.regexp_letter=/[а-я-А-Я-a-z-0-9]?-.?\s|[а-я-А-Я-a-z-A-Z-0-9]*?[*|:|(|)|\;|[|]|||.|[|]|\|{|}|+|=|!|<|>|\s]/g;
 bo52.regexp_lang=/[а-я-А-Я-a-z-A-Z]/g;
 bo52.ids={
 }
 bo52.teg={}
 bo52.e={}
 bo52.f={}
 bo52.p={
 2106141006:{title:'массив для создания скрипта',teg:'arr'},    
 }
 bo52.Teg=(id,p)=>{
 p=bo52.tegid;
 p=jClass('teg',p);
 update();
 return p;
 }
 var fun={};
 var CLASS={};
 var TEG={};
  • Метки
Рубрики
JavaScript lib WordPress

Примеры JS «Как изменить размер шрифта Заголовка h1,h2»

//Добавить код в ПЛАГИНЕ WordPress в раздел footer
function fun(t,val)
 {
 var arr=document.getElementsByTagName(t);
 for (var i = 0; i < arr.length; i++) {
     arr[i].style.fontSize=val;
 }    
}
fun("h1","5.4rem");
fun("h2","5.4rem");